<template>
    <div :style="The" @click="add">1111</div>
</template>
<script>
export default {
    setup() {
        
    },
    data(){
        return{
            The:{
                width:'300px',
                height:'300px',
                transition:'all 1s' 
            }
        }
    },
    methods:{
        add(){
            this.$data.The.width='1000px'
        }
    }
}
</script>
<style scoped>
div{
    background-color: blue;
}
</style>
